<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" href="css/swiper.min.css" />
	<script src="js/swiper.min.js"></script>
	<body>
		<div id="web">
			<header>
				<div class="logo">
					<img src="img/logo.png"/>
				</div>
				<div class="selectBar">
					<select name="">
						<option value="">广州</option>
						<option value="">深圳</option>
						<option value="">珠海</option>
					</select>
				</div>
				<div class="searchBar">
					<input type="search"  placeholder="请输入商品名称"/>
					<i class="iconfont icon-fangdajing"></i>
				</div>
			</header>
			
			<section>
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="carous swiper-slide"><img src="img/carous.jpg"/></div>
						<div class="carous swiper-slide"><img src="img/carous.jpg"/></div>
						<div class="carous swiper-slide"><img src="img/carous.jpg"/></div>
						<div class="carous swiper-slide"><img src="img/carous.jpg"/></div>
					</div>
				</div>
				<article>
					<div class="title clearfix">
						<p class="fl">
							<img src="img/start.png"/>
							<span>优惠团购</span>
						</p>
						<p class="fr">
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-you"></i>
							</a>
						</p>
					</div>
					<ul class="shop clearfix">
						<li><img src="img/1.jpg" alt="" /></li>
						<li><img src="img/2.jpg" alt="" /></li>
						<li><img src="img/3.jpg" alt="" /></li>
						<li><img src="img/4.jpg" alt="" /></li>
					</ul>
					<div class="title clearfix">
						<p class="fl">
							<img src="img/heart.png"/>
							<span>猜你喜欢</span>
						</p>
						<p class="fr">
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-you"></i>
							</a>
						</p>
					</div>
					<ul class="shopinfo clearfix">
						<li class="clearfix">
							<div onclick="window.location.href='shopinfo.html'" class="shopimg fl">
								<img src="img/5.jpg" alt="" />
							</div>
							<div class="shoptext fr">
								<p class="clearfix">
									<span class="fl">万岁寿司（正佳店）</span>
									<span class="fr"><100m</span>
								</p>
								<p>
									<span>[100店通用]</span>
									<span>双人套餐</span>
								</p>
								<p class="clearfix">
									<span class="fl">￥88.00</span>
									<span class="fr">已售1000</span>
								</p>
							</div>
						</li>
						<li class="clearfix">
							<div class="shopimg fl">
								<img src="img/6.jpg" alt="" />
							</div>
							<div class="shoptext fr">
								<p class="clearfix">
									<span class="fl">周黑鸭（正佳店）</span>
									<span class="fr"><100m</span>
								</p>
								<p>
									<span>[100店通用]</span>
									<span>双人套餐</span>
								</p>
								<p class="clearfix">
									<span class="fl">￥88.00</span>
									<span class="fr">已售1000</span>
								</p>
							</div>
						</li>
						
						<li class="clearfix">
							<div class="shopimg fl">
								<img src="img/5.jpg" alt="" />
							</div>
							<div class="shoptext fr">
								<p class="clearfix">
									<span class="fl">万岁寿司（正佳店）</span>
									<span class="fr"><100m</span>
								</p>
								<p>
									<span>[100店通用]</span>
									<span>双人套餐</span>
								</p>
								<p class="clearfix">
									<span class="fl">￥88.00</span>
									<span class="fr">已售1000</span>
								</p>
							</div>
						</li>
						<li class="clearfix">
							<div class="shopimg fl">
								<img src="img/6.jpg" alt="" />
							</div>
							<div class="shoptext fr">
								<p class="clearfix">
									<span class="fl">周黑鸭（正佳店）</span>
									<span class="fr"><100m</span>
								</p>
								<p>
									<span>[100店通用]</span>
									<span>双人套餐</span>
								</p>
								<p class="clearfix">
									<span class="fl">￥88.00</span>
									<span class="fr">已售1000</span>
								</p>
							</div>
						</li>
						<li class="clearfix">
							<div class="shopimg fl">
								<img src="img/5.jpg" alt="" />
							</div>
							<div class="shoptext fr">
								<p class="clearfix">
									<span class="fl">万岁寿司（正佳店）</span>
									<span class="fr"><100m</span>
								</p>
								<p>
									<span>[100店通用]</span>
									<span>双人套餐</span>
								</p>
								<p class="clearfix">
									<span class="fl">￥88.00</span>
									<span class="fr">已售1000</span>
								</p>
							</div>
						</li>
						<li class="clearfix">
							<div class="shopimg fl">
								<img src="img/6.jpg" alt="" />
							</div>
							<div class="shoptext fr">
								<p class="clearfix">
									<span class="fl">周黑鸭（正佳店）</span>
									<span class="fr"><100m</span>
								</p>
								<p>
									<span>[100店通用]</span>
									<span>双人套餐</span>
								</p>
								<p class="clearfix">
									<span class="fl">￥88.00</span>
									<span class="fr">已售1000</span>
								</p>
							</div>
						</li>
					</ul>
				</article>
			</section>
			<footer>
				<ul>
					<li class="active"><a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a></li>
					<li><a href="classify.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a></li>
					<li><a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a></li>
					<li><a href="myself.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a></li>
				</ul>
			</footer>
		</div>
		<script type="text/javascript">
			document.body.style.height=window.innerHeight+'px';
		</script>
		<script src="js/getFontsize.js"></script>
		<script>
			new Swiper("section .swiper-container",{
				loop:true,
				direction: 'horizontal',
				autoplay:4000,
			
			});
		</script>
	</body>
</html>
